@use 'sass:map';
@use "../theme/global" as *;

$cyan: #14C9C9;
$cyna-1: #E8FFFB;
$cyan-2: #B7F4EC;
$cyan-3: #89E9E0;
$cyan-4: #4DD4D4;
$cyan-5: #37D4CF;
$cyan-6: #14C9C9;
$cyan-7: #12A3A3;

$orange: #F77234;
$orange-1: #FFF3E8;
$orange-2: #FDDDC3;
$orange-3: #FCC59F;
$orange-4: #ef9774;
$orange-5: #F99057;
$orange-6: #F77234;
$orange-7: #CC5120;


$gold: #F7BA1E;
$gold-1: #FFFCE8;
$gold-2: #FDF4BF;
$gold-3: #FCE996;
$gold-4: #CCAA20;
$gold-5: #F9CC45;
$gold-6: #F7BA1E;
$gold-7: #CC9213;



$blue: #3491FA;
$blue-1: #E8F7FF;
$blue-2: #C3E7FE;
$blue-3: #9FD4FD;
$blue-4: #4D94FF;
$blue-5: #57A9FB;
$blue-6: #3491FA;
$blue-7: #206CCF;


$purple: #722ED1;
$purple-1: #F5E8FF;
$purple-2: #DDBEF6;
$purple-3: #C396ED;
$purple-4: #AA4DFF;
$purple-5: #8D4EDA;
$purple-6: #722ED1;
$purple-7: #551DB0;


$yellow: #FADC19;
$yellow-1: #FEFFE8;
$yellow-2: #FEFEBE;
$yellow-3: #FDFA94;
$yellow-4: #FFEA4D;
$yellow-5: #FBE842;
$yellow-6: #FADC19;
$yellow-7: #CFAF0F;


$lime: #9FDB1D;
$lime-1: #FCFFE8;
$lime-2: #EDF8BB;
$lime-3: #DCF190;
$lime-4: #A6FF4D;
$lime-5: #B5E241;
$lime-6: #9FDB1D;
$lime-7: #7EB712;


$pink-purple: #D91AD9;
$pink-purple-1: #FFE8FB;
$pink-purple-2: #F7BAEF;
$pink-purple-3: #F08EE6;
$pink-purple-4: #FF4DFF;
$pink-purple-5: #E13EDB;
$pink-purple-6: #D91AD9;
$pink-purple-7: #B010B6;


$magenta: #F5319D;
$magenta-1: #FFE8F1;
$magenta-2: #FDC2DB;
$magenta-3: #FB9DC7;
$magenta-4: #FF4DA3;
$magenta-5: #F754A8;
$magenta-6: #F5319D;
$magenta-7: #CB1E83;


$primary: #165DFF;
$primary-1: #E8F3FF;
$primary-2: #BEDAFF;
$primary-3: #94BFFF;
$primary-4: #6AA1FF;
$primary-5: #4080FF;
$primary-6: #165DFF;
$primary-7: #0E42D2;


$success: #00B42A;
$success-1: #E8FFEA;
$success-2: #AFF0B5;
$success-3: #7BE188;
$success-4: #4DFF5A;
$success-5: #23C343;
$success-6: #00B42A;
$success-7: #009A29;


$warning: #FF7D00;
$warning-1: #FFF7E8;
$warning-2: #FFE4BA;
$warning-3: #FFCF8B;
$warning-4: #FFB74D;
$warning-5: #FF9A2E;
$warning-6: #FF7D00;
$warning-7: #D25F00;


$danger: #F53F3F;
$danger-1: #FFECE8;
$danger-2: #FDCDC5;
$danger-3: #FBACA3;
$danger-4: #FF4D4D;
$danger-5: #F76560;
$danger-6: #F53F3F;
$danger-7: #CB2634;



$gray-1: #F7F8FA;
$gray-2: #F2F3F5;
$gray-3: #e5e6eb;
$gray-4: #c9cdd4;
$gray-5: #000000;
$gray-6: #86909c;
$gray-7: #6b7785;
$gray-8: #4e5969;
$gray-9: #272e3b;
$gray-10: #1d2129;  

$white: #ffffff;
$black: #000000;
$transparent: transparent;

$var-transparent: var(#{$css-variable-prefix}-transparent);
$var-white: var(#{$css-variable-prefix}-white);
$var-black: var(#{$css-variable-prefix}-black);

$var-primary: var(#{$css-variable-prefix}-primary);
$var-primary-1: var(#{$css-variable-prefix}-primary-1);
$var-primary-2: var(#{$css-variable-prefix}-primary-2);
$var-primary-3: var(#{$css-variable-prefix}-primary-3);
$var-primary-4: var(#{$css-variable-prefix}-primary-4);
$var-primary-5: var(#{$css-variable-prefix}-primary-5);
$var-primary-6: var(#{$css-variable-prefix}-primary-6);
$var-primary-7: var(#{$css-variable-prefix}-primary-7);

$var-success: var(#{$css-variable-prefix}-success);
$var-success-1: var(#{$css-variable-prefix}-success-1);
$var-success-2: var(#{$css-variable-prefix}-success-2);
$var-success-3: var(#{$css-variable-prefix}-success-3);
$var-success-4: var(#{$css-variable-prefix}-success-4);
$var-success-5: var(#{$css-variable-prefix}-success-5);
$var-success-6: var(#{$css-variable-prefix}-success-6);
$var-success-7: var(#{$css-variable-prefix}-success-7); 

$var-warning: var(#{$css-variable-prefix}-warning);
$var-warning-1: var(#{$css-variable-prefix}-warning-1);
$var-warning-2: var(#{$css-variable-prefix}-warning-2);
$var-warning-3: var(#{$css-variable-prefix}-warning-3);
$var-warning-4: var(#{$css-variable-prefix}-warning-4);
$var-warning-5: var(#{$css-variable-prefix}-warning-5);
$var-warning-6: var(#{$css-variable-prefix}-warning-6);
$var-warning-7: var(#{$css-variable-prefix}-warning-7);

$var-danger: var(#{$css-variable-prefix}-danger);
$var-danger-1: var(#{$css-variable-prefix}-danger-1);
$var-danger-2: var(#{$css-variable-prefix}-danger-2);
$var-danger-3: var(#{$css-variable-prefix}-danger-3);
$var-danger-4: var(#{$css-variable-prefix}-danger-4);
$var-danger-5: var(#{$css-variable-prefix}-danger-5);
$var-danger-6: var(#{$css-variable-prefix}-danger-6);
$var-danger-7: var(#{$css-variable-prefix}-danger-7);

// 边框颜色
$var-color-border-1: var(#{$css-variable-prefix}-color-border-1);
$var-color-border-2: var(#{$css-variable-prefix}-color-border-2);
$var-color-border-3: var(#{$css-variable-prefix}-color-border-3);
$var-color-border-4: var(#{$css-variable-prefix}-color-border-4);

// 填充颜色
$var-color-fill-1: var(#{$css-variable-prefix}-color-fill-1);
$var-color-fill-2: var(#{$css-variable-prefix}-color-fill-2);
$var-color-fill-3: var(#{$css-variable-prefix}-color-fill-3);
$var-color-fill-4: var(#{$css-variable-prefix}-color-fill-4);
$var-color-fill-5: var(#{$css-variable-prefix}-color-fill-5);

// 文字颜色
$var-color-text-1: var(#{$css-variable-prefix}-color-text-1);
$var-color-text-2: var(#{$css-variable-prefix}-color-text-2);
$var-color-text-3: var(#{$css-variable-prefix}-color-text-3);
$var-color-text-4: var(#{$css-variable-prefix}-color-text-4);
$var-color-text-5: var(#{$css-variable-prefix}-color-text-5);
















